{template "content","header"}
<!--主体-->
<div class="banner_show">
    <div class="focus">
        <ul class="img_list clearfix">
            <li><img src="{TPL_IMG}banner01.jpg" alt=""/></li>
            <li><img src="{TPL_IMG}banner02.jpg" alt=""/></li>
        </ul>
    </div>
    <div class="btn">
        <span class="point current"></span>
        <span class="point"></span>
    </div>  
</div>
<div class="l_w">
    <p class="titel_com"><img src="{TPL_IMG}con_icon.jpg"/></p>
</div>

<div class="l_w bgColor mBtn40">
    <div class="l_con clearfix">
        <div class="l wimg">
            <img src="{TPL_IMG}img01.jpg"/>
        </div>
        <div class="r wRight">
            <h2><img src="{TPL_IMG}infmtitle.png"/></h2>
            <p>有这么一个国家（老挝）被世界遗忘的国度，她曾经是一个最古老的澜沧王国被誉为亚洲最后一片净土，一个被人遗忘的角落，人间的香格里拉，真正的国际慢城，她被视为东方的印第安人部落，可以和尼泊尔媲美和吴哥窟比静这里有着西藏一样的蓝天白云，人人朴实谦卑，心态平和，没有尔虞我诈不会弄虚作假，在她们的幸福国度里只要啤酒和音乐，她也是世界上唯一一个有信仰的社会主义国家……</p>
        </div>  
    </div>  
</div>  
<div class="l_con clearfix">
    <div class="w45 l">
        <h2 class="newtitel clearfix">
            <img src="{TPL_IMG}newtitel.jpg"/>
            <a href="/index.php?m=content&c=index&a=lists&catid=22" class="r">更多>></a>
        </h2>
        {pc:content  action="lists" catid="22" order="id DESC" num="6" page="$page"}
        <ul class="newlist">
        {loop $data $k $v}
            <li class="clearfix">
                <a href="{$v[url]}" title="{$v[title]}"  class="l">{str_cut($v[title], 100)}</a>
                <label class="r">[{date("m-d",$v[inputtime])}]</label>
            </li>
        {/loop}
        </ul>
        {/pc}
    </div>
    <div class="w45 r">
        <h2 class="newtitel noBorder">
            <img src="{TPL_IMG}toptitel.jpg"/>
        </h2>
        <div class="clearfix">
        {pc:content action="position" posid="1" order="listorder DESC" num="1"}
        {loop $data $r}
            <img class="l w287" src="{TPL_IMG}img02.jpg">
            <div class="r w230">
                <h3>{str_cut($r[title], 45,"&nbsp;")}</h3>
                <p>{$r[description]}……</p>
                <p class="clearfix"><a href="{$r[url]}" class="r link">更多>></a></p>
            </div>
        {/loop}
        {/pc}
            

        </div>  
    </div>  
</div>
<div class="l_w bgColor f_ptb30">
    <div class="l_con clearfix">
        <h1 class="h1_titel"><img src="{TPL_IMG}pcdtitel.png"/></h1>
        <ul class="pimg_list clearfix">
            <!-- <li class='l'>
                <img src="{TPL_IMG}p_img01.jpg"/>
                <a href="#" class="abtn"> > 点击查看详情</a>
            </li>
            <li class='l'>
                <img src="{TPL_IMG}p_img01.jpg"/>
                <a href="#" class="abtn"> > 点击查看详情 </a>
            </li>
            <li class='l'>
                <img src="{TPL_IMG}p_img01.jpg"/>
                <a href="#" class="abtn"> > 点击查看详情 </a>
            </li> -->
            {pc:content  action="lists" catid="27" order="id DESC" num="3"}
             {loop $data $k $v}
            <li class="l">
                <img src="{$v[thumb]}"/>
                <a href="{$v[url]}" title="{$v[title]}" class="abtn"> 点击查看详情 </a>
            </li>
            {/loop}
        </ul>
    </div>
</div>
<!--友情链接-->
<div class="l_w f_mTb30">
    <div class="l_con clearfix">
        <img class="l yq_img" src="{TPL_IMG}yq_01.jpg" />
        <div class="yq_warp l">
            <h1><img src="{TPL_IMG}yq_titel.jpg" /></h1>
            <ul class="yq_ul clearfix">
                <li><img src="{TPL_IMG}yq_img01.jpg" /></li>
                <li><img src="{TPL_IMG}yq_img02.jpg" /></li>
                <li><img src="{TPL_IMG}yq_img03.jpg" /></li>
                <li><img src="{TPL_IMG}yq_img04.jpg" /></li>
                <li><img src="{TPL_IMG}yq_img05.jpg" /></li>
                <li><img src="{TPL_IMG}yq_img06.jpg" /></li>
                <li><img src="{TPL_IMG}yq_img07.jpg" /></li>
            </ul>
        </div>
    </div>  
</div> 

<script type="text/javascript">
$(function(){
    animate();

    /*轮播代码*/
    function animate(){
        var a_img = $(".img_list li");
        var a_btn = $(".btn span");
        var timer = null;
        var now = 0;
        a_img.eq(0).css("display","block");
        a_btn.mouseover(function(){
            clearInterval(timer); 
            if(now!= a_btn.index($(this))){
                now = a_btn.index($(this));
                move(now);
                clearInterval(timer);      
            }
        });
        a_btn.mouseout(function(){
            timer = setInterval(scroll_img,5000);
        });
        a_img.mouseover(function(){
            clearInterval(timer);
        });
        a_img.mouseout(function(){
            timer = setInterval(scroll_img,5000);
        });
        timer = setInterval(scroll_img,5000);
        function scroll_img(){ 
            now ++;
            if (now >= a_img.length){
                now = 0;
            }           
            move(now);
        }
        function move(now){   
            a_btn.removeClass("select");
            a_btn.eq(now).addClass("select");           
            a_img.fadeOut();
            a_img.eq(now).fadeIn();
        }
    }

})


</script> 
{template "content","footer"}